<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>基础选择器</title>

    <style>
      #div1{
        color: blue;
      }
      div{
        color: green;
      }
      .cls1{
        color: red;
      }
    </style>
</head>
<body>
<!--
1.基础选择器
  1. id选择器，选择具体的 id 属性值的元素，建议在一个 html 页面中 id 值唯一
      * 语法：#id属性值{}
  2. 元素选择器：选择具有相同标签名称的元素
      *语法：标签名称{}
      *注意：id选择器 的优先级 高于 元素选择器
  3. 类选择器：选择具有相同的class属性值的元素
      *语法：.class属性值{}
      *注意：类选择器 的优先级 高于 元素选择器
  *优先级：id选择器 > 类选择器 > 元素选择器
-->
  <div id="div1">传智播客</div>
  <div>黑马程序员</div>

  <p class="cls1">飞流直下三千尺</p>

</body>
</html>